<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="${s.base}/pc/css/index.css">
    <link rel="stylesheet" href="${s.base}/pc/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="${s.base}/pc/css/animate.min.css">
</head>

<body>
    <div class="welcome">
        <div class="wrap clearfix">
            <p class="p1">cliniquedelight “白富美”新時代女性的時尚標桿。
              
            </p>
            <p class="p2">预约电话：<i>00852-37047565</i></p>
        </div>
    </div>
    <div class="head">
        <img src="http://hk.wuhuwx.net/upload/20190410160031046364.png" alt="">
        <span class="click_one click_active" onclick="window.location.href='/'" data-type="shouye">首页</span>
        <#list navigationList as navigation>
                <#if navigation.type=="1">
                    <span class="click_one " data-type="ysyfw">
                        ${navigation.name}
                        <#if navigation.webNavigationList?? && (navigation.webNavigationList?size gt 0)>
                             <div class="dropdown_menu" style="display:none">
                               <#list navigation.webNavigationList as webNavigation>
                                         <a href="${webNavigation.url}">${webNavigation.name}</a>
                                </#list>
                            </div>
                         </#if>
                     </span>
                </#if>
                <#if navigation.type=="2">
                    <span class="click_one " onclick="window.location.href='${navigation.url}'"
                          data-type="ysyfw">${navigation.name}</span>
                </#if>
        </#list>

        <!--<span class="click_one " onclick="window.location.href='/web/news?menuId=155321641177860623371'"
            data-type="ysyfw">新闻中心
            <div class="dropdown_menu" style="display:none">
                <a href="#">Custom Menu</a>
                <a href="#">Custom Menu</a>
                <a href="#">Custom Menu</a>
            </div></span>
        <span class="click_one " onclick="window.location.href='/web/case?menuId=155321642910404505785'"
            data-type="ysyfw">经典案例
            <div class="dropdown_menu" style="display:none">
                <a href="#">Custom Menu</a>
                <a href="#">Custom Menu</a>
                <a href="#">Custom Menu</a>
            </div></span>
        <span class="click_one " onclick="window.location.href='/web/likeMe?menuId=155321652777304530770'"
            data-type="ysyfw">联系我们</span>-->
        <select onchange="getSelect()" name="" id="select_lo">
            <option value="1">繁体</option>
            <option value="2">简体</option>
        </select>
    </div>

    <!--新banner开始 -->
    <div class="xbanner">
        <div class="xb1">Clinique Delight  值得信賴的優質境外輕醫療服務平台</div>
        <div class="line1"></div>
        <div class="xb2">給你的健康維持增值
線性資本，中緯資本，集素資本，朝乾資本投資項目</div>
        <div class="xbyy"><a href="/">预约服务</a></div>
    </div>

    <!--新banner结束 -->
    <div>
        <div>
            <div class="fuwu">
                <span>Service Items</span>
                <h3>服务项目</h3>
            </div>
            <div class="line"></div>
            <div style="display:flex;justify-content: center;align-items: center;">
                <div class="four_block">
                    <img src="http://hk.wuhuwx.net/pc/images/2.png" alt="">
                    <p>皮膚治療</p>
                    <p>Security</p>
                </div>
                <div class="four_block">
                    <img src="http://hk.wuhuwx.net/pc/images/3.png" alt="">
                    <p>疫苗註射</p>
                    <p>Leading technology</p>
                </div>
                <div class="four_block">
                    <img src="http://hk.wuhuwx.net/pc/images/4.png" alt="">
                    <p>微整形</p>
                    <p>trustworthy</p>
                </div>
                <div class="four_block">
                    <img src="http://hk.wuhuwx.net/pc/images/5.png" alt="">
                    <p>抽血化驗</p>
                    <p>Intimate service</p>
                </div>
                <div class="four_block">
                    <img src="http://hk.wuhuwx.net/pc/images/5.png" alt="">
                    <p>專科轉介</p>
                    <p>Intimate service</p>
                </div>
            </div>
        </div>

        <!-- 专家内容开始 -->
        <div class="fuwu">
            <span>Expert Team</span>
            <h3>经典案例</h3>
        </div>
        <div class="line"></div>
        <div class="zjlr">
            <div class="zjlrc">
                <ul>
                    <#if webCooperateList?? && (webCooperateList?size gt 0)>
                        <#list webCooperateList as webCooperate>
                            <#if (webCooperate_index lt 3)>
                                <li>
                                    <p><img src="${webCooperate.showPic}" alt=""></p>
                                    <p class="jdtt">${webCooperate.name}</p>
                                    <p class="jdc">${webCooperate.description}</p>
                                </li>
                            </#if>
                        </#list>
                    </#if>

                </ul>
            </div>
        </div>
        <!--专家内容结束  -->





    <div class="portn" style="flex-direction: column;">
        <div class="fuwu">
            <span>Common problems</span>
            <h3>常见问题</h3>
        </div>
        <div class="width120" id="pro">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <#if informationList?? && (informationList?size gt 0)>
                        <#list informationList as information>
                            <#if (information_index lt 3)>
                                <div class="swiper-slide">
                                    <img style="width:100%;height: 100%" src="${information.showPic}" alt=""  onclick="window.location.href='${s.base}/web/news/${information.id}'" >
                                </div>
                            </#if>
                        </#list>
                    </#if>
                </div>
                <!-- 如果需要分页器 -->
                <div id="swiper-pagination" class="swiper-pagination"></div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

                <!-- 如果需要滚动条 -->
                <!-- <div class="swiper-scrollbar"></div> -->
            </div>

            <div class="news" style="width: 52%;padding-left: 23px;">
                <#if informationList?? && (informationList?size gt 0)>
                    <#list informationList as information>
                        <#if (information_index gt 2) && (information_index lt 6)>
                            <div class="news_block" onclick="window.location.href='${s.base}/web/news/${information.id}'">
                                <img src="${information.showPic}" alt="">
                                <div style="width: 70%; float: left;">
                                    <h3>${information.title}</h3>
                                    <p>${information.description}</p>
                                    <span>${information.createTime?string('yyyy-MM-dd')}</span>
                                </div>
                                <div style="clear: both;"></div>
                            </div>
                        </#if>
                    </#list>
                </#if>

            </div>
        </div>
    </div>

    <div class="portn" style="flex-direction: column;">
        <div class="fuwu">
            <span>reservation service</span>
            <h3>预约服务</h3>
        </div>
        <div class="width120" style="width: 100%;align-items: flex-start;justify-content: flex-start;background-color: #F6F8FA;padding: 33px 0px;position: relative;padding-left: 154px;">
            <div style="width: 330px;background-color: #F6F8FA;position: relative;left: 15%;">
                <p class="yuyue_big">现在预约，我们将为你</p>
                <p class="yuyue_big">提供免费咨询服务</p>
                <p style="color: #83878E;">我们24小时为你服务，在收到预约信息后，我们的客服人员会取得联系！</p>
                <div id="zixun_dier">
                    <div>
                        <p class="zuxun_sma">免费咨询</p>
                        <p class="_zuxun_p">免费接收你您的咨询，由专家根据您的情况提供相关医疗建议</p>
                    </div>
                    <div>
                        <p class="zuxun_sma">免费咨询</p>
                        <p class="_zuxun_p">免费接收你您的咨询，由专家根据您的情况提供相关医疗建议</p>
                    </div>
                </div>
            </div>
            <div id="yuyuefuwu">
                <p style="margin-bottom: 20px;">预约服务</p>
                <input type="text" class="bottom20" id="title" placeholder="请输入联系人姓名">
                <input type="text" class="bottom20" id="email" placeholder="请输入联系人电话">
                <input type="text" class="bottom20"  id="content" placeholder="请输入预约人项目">
                <div style="display: flex;width: 90%;" class="bottom20" >
                    <input style="width: 99%;" id="yzm" type="text" placeholder="验证码">
                    <div id="yzmContent"> </div>
                </div>
                <button class="tijiao_butn" type="button" id="submitBtn">提交预约</button>
            </div>
        </div>
    </div>


    <div class="portn" style="flex-direction: column;">
        <div class="fuwu">
            <span>Customer evaluation</span>
            <h3>客户评价</h3>
        </div>
        <div class="width120" style="flex-direction: column;">
            <div id="evaluate">
                <img src="./log.png" alt="">
                <p style="width: 333px;">我们的服务得到了广大客户的认可，您可以放心得到我们这里的接收服务</p>
                <img src="./log.png" alt="">
            </div>
            <div style="width: 75%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;">
                <div class="avter_">
                    <img class="avter_ra" src="./log.png" alt="">
                    <div class="avter_clasl">
                        <p class="_pp_p">小英</p>
                        <p class="_pp_p">18岁</p>
                        <div class="an_p">
                            <p>这里的服务真的好，给我提供了更多选择的机会！</p>
                        </div>
                        <p class="__pp_time">2018-10-10</p>
                    </div>
                </div>
                <div class="avter_">
                    <img class="avter_ra" src="./log.png" alt="">
                    <div class="avter_clasl">
                        <p class="_pp_p">刘丽华</p>
                        <p class="_pp_p">26岁</p>
                        <div class="an_p">
                            <p>听同事说这里的服务好，向我强烈推荐！</p>
                        </div>
                        <p class="__pp_time">2018-12-11</p>
                    </div>
                </div>
                <div class="avter_">
                    <img class="avter_ra" src="./log.png" alt="">
                    <div class="avter_clasl">
                        <p class="_pp_p">王珂</p>
                        <p class="_pp_p">22岁</p>
                        <div class="an_p">
                            <p>来到这里，让我感到非常满意！</p>
                        </div>
                        <p class="__pp_time">2019-1-3</p>
                    </div>
                </div>
                <div class="avter_">
                    <img class="avter_ra" src="./log.png" alt="">
                    <div class="avter_clasl">
                        <p class="_pp_p">李丽</p>
                        <p class="_pp_p">21岁</p>
                        <div class="an_p">
                            <p>效果显著，我会推荐我朋友来这里诊疗！</p>
                        </div>
                        <p class="__pp_time">2019-3-2</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="link">
            <div class="wrap">
                友情链接：

                <a href="http://www.cmcha.org/index.html" target="_blank">中国妇幼保健协会</a>

                <a href="http://www.who.int/zh/" target="_blank">世界卫生组织</a>

                <a href="http://www.cpma.org.cn/" target="_blank">中华预防医学会</a>

                <a href="http://www.babyschool.com.cn/" target="_blank">中国育婴网</a>

                <a href="http://weibo.com/u/6003392162?refer_flag=1001030101_&is_all=1" target="_blank">卓越微博</a>

                <a href="https://www.diagcorlab.com/" target="_blank">达雅高化验所</a>

                <a href="http://www.hkdnalab.com.hk/" target="_blank">香港基因检测中心</a>

                <a href="https://www.hkacs.org.hk/tc/" target="_blank">香港防癌会</a>

                <a href="https://www.hkmeka.com/" target="_blank">香港九价hpv疫苗预约</a>

            </div>
        </div>
        <div class="footerArea">
            <div class="wrap">
                <div class="clearfix">
                    <div class="footer01">
                        <dl>
                            <dt><img src="${s.base}/pc/images/footer01.png" /></dt>
                            <dd><a href="info.asp?base_id=5&second_id=5001">机构介绍</a></dd>
                            <dd><a href="info.asp?base_id=5&second_id=5002">白富美计划</a></dd>
                            <dd><a href="info.asp?base_id=1&second_id=2001">服務與優勢</a></dd>
                            <dd><a href="">隐私保护</a></dd>
                        </dl>
                    </div>
                    <div class="footer01">
                        <dl>
                            <dt><img src="${s.base}/pc/images/footer02.png" /></dt>
                            <dd><a href="info.asp?base_id=1&second_id=1001">皮膚治療</a></dd>
                            <dd><a href="info.asp?base_id=1&second_id=1002">疫苗註射</a></dd>
                            <dd><a href="info.asp?base_id=1&second_id=1003">微整形</a></dd>
                            <dd><a href="info.asp?base_id=1&second_id=1004">抽血化驗</a></dd>
							<dd><a href="info.asp?base_id=1&second_id=1004">專科轉介</a></dd>
                        </dl>
                    </div>
                    <div class="footer02">
                        <h1><img src="${s.base}/pc/images/footer03.png"></h1>
                        <p>
                            <p>
                                <strong>Clinigue Delight</strong>
                            </p>
                            <p>
                                地址：香港九龙尖沙咀加拿芬道18号恒生尖沙咀大厦1001室（尖沙咀地铁站B2出口直行见到恒生银行转左）
                            </p>
                            <p>
                                邮箱：hkpro-dna@hotmail.com
                            </p>
                            <p>
                                查詢/預約香港熱線：（852）9667 6522
                            </p>
                     
                            </p>
                            版权所有：Clinigue Delight
                            <p class="MsoNormal">
                                <br />
                            </p>
                            <br />
                        </p>
                    </div>
                    <div class="footer03">
                        <h1><img src="${s.base}/pc/images/footer04.png" /></h1>
                        <ul class="clearfix">
                            <li>
                                <p>公众号</p><img src="${webConfig.wechat}" width="80" height="80" />

                                <span>扫一扫关注最新资讯</span>
                            </li>
                            <li>
                                <p>微信号</p><img src="${webConfig.payPic}" width="80" height="80" />

                                <span>接诊时间<br />周一至周五<br />10：00-13：00，14：00-17：00<br />周六<br />10：00-13：00，14：00-16：00<br />周日及公众假期休息</span>

                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tail01">权威监督：

                    <a href="https://www.hkacs.org.hk/tc/"><img src="./upload/2016-8/2016082956055005.png" width="37"
                            height="37" /></a>

                    <a href="http://www.ha.org.hk/visitor/ha_index.asp"><img src="./upload/2016-8/2016082956061829.png"
                            width="37" height="37" /></a>

                    <a href="http://www.govtlab.gov.hk/"><img src="./upload/2016-8/2016082956068337.png" width="37"
                            height="37" /></a>

                    <a href="http://www.dh.gov.hk"><img src="./upload/2016-8/2016082956076501.png" width="37"
                            height="37" /></a>

                </div>
              

</body>

</html>
<!-- body 最后 -->
<script src="${s.base}/mobile/js/jquery.min.js"></script>
<script src="http://hk.wuhuwx.net/mobile/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/city-picker.min.js"></script>
<script src="${s.base}/pc/js/transition.js"></script>
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script  type="application/javascript" src="${s.base}/js/base/gVerify.js"></script>
<script>
    var verifyCode = new GVerify({ //默认options参数值
            id: "yzmContent", //容器Id
            canvasId: "verifyCanvas", //canvas的ID
            width: "100", //默认canvas宽度
            height: "20", //默认canvas高度
            type: "blend", //图形验证码默认类型blend:数字字母混合类型、number:纯数字、letter:纯字母
            code: ""
    });//初始化验证码
    $("#submitBtn").on("click",function(){
        var yzm = $("#yzm").val();

        var title = $("#title").val();
        if(title == null || title == "") {
            $.toast("请输入联系人姓名", "text");
            return false;
        }

        var email = $("#email").val();
        if(email == null || email == "") {
            $.toast("请输入联系人电话", "text");
            return false;
        }
        var content = $("#content").val();
        if(content == null || content == "") {
            $.toast("请输入预约人项目", "text");
            return false;
        }
        if(yzm == null || yzm == "") {
            $.toast("请输入验证码", "text");
            return false;
        }
        var res = verifyCode.validate(yzm);
        if(!res){
            $.toast("验证码输入错误！", "text");
            return false;
        }
        var param = {title:title,email:email,content:content};
        $.showLoading("正在提交中");
        $.post("/phone/webMessage",param,function(result){
            if(1==result.returnInfo.state){
                $.hideLoading();
                $.alert("您已提交成功，我们会尽快处理！", function() {
                    //点击确认后的回调函数
                    window.location.reload();
                });

            }else{
                $.hideLoading();
                $.toast("提交失败", "text");
            }
        },"json");
    });
    $(function () {
        var mySwiper = new Swiper('.swiper-container', {
            direction: 'horizontal',
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
           
        })
        $(".click_one").hover(function(){
            $(this).siblings().children(".dropdown_menu").hide()
            $(this).children('.dropdown_menu').show();	
        })
    })
    function getSelect() {
        var val_e = $("#select_lo").val()
        if (val_e == 1) {
            zh_tran('t')
        }
        if (val_e == 2) {
            zh_tran('s')
        }
    }
</script>